﻿@{
    ViewBag.Title = "ChangePass";
    Layout = "~/Views/Shared/_Layout.cshtml";
}


@section scripts
{
    <script src="~/Scripts/App/Publisher/publisherLayout.js"></script>
    <script src="~/Scripts/App/Publisher/change_pass.js"></script>
}
<div id="cover_publisher">
    <header class="user-channel" data-bind="style: { 'background': Cover }">
        <div class="single-video-mask"></div>
        <div class="row">
            <div class="large-6 columns">
                <div class="header-for-show">
                    <div class="large-12 small-12 columns">
                        <h4><i class="fi fi-star"></i><span data-bind="text: ChannelName">Trương Quang Nhật</span></h4>
                        <ul>
                            <li data-bind="visible: Facebook"><span class="sub-info"><i class="fi fi-social-facebook"></i><span data-bind="    text: Facebook"></span></span></li>
                            <li data-bind="visible: Phone"><span class="sub-info"><i class="fi fi-mobile"></i><span data-bind="    text: Phone"></span></span></li>
                            <li data-bind="visible: Address"><span class="sub-info"><i class="fi fi-address-book"></i><span data-bind="    text: Address"></span></span></li>
                            <li>
                                <form>
                                    <button class="button tiny change-cover" data-bind="click: $root.doChangeCover">Thay đổi cover</button>
                                    <input id="file_changeCover" type="file" name="cover" data-bind="visible: false, CoverUpload: { property: 'ChannelCover', url: '/api/Publisher/PostCover' }" accept="image/*" />
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="large-6 columns">
                <div class="avatar right relative" style="min-height: 220px">
                    <img data-bind="src: LogoLink" class="right">
                    <form>
                        <button id="btn_changeAvatar" class="button tiny" data-bind="click: $root.doChangeAvatar">Thay hình đại diện</button>
                        <input id="file_changeAvatar" type="file" name="logo" data-bind="visible: false, LogoUpload: { property: 'LogoLink', url: '/api/Publisher/PostLogo' }" accept="image/*" />
                    </form>
                </div>
            </div>
            <div class="large-12 columns">
                <ul class="pagination user-top-bar">
                    <li><a href="../publisher/index">Danh mục chính</a></li>
                    <li><a href="../publisher/createadv">Tạo quảng cáo</a></li>
                    <li><a href="../publisher/about">Giới thiệu về công ty</a></li>
                    <li><a href="../publisher/editprofile">Chỉnh sửa thông tin</a></li>
                    <li><a href="#">Bản quyền</a></li>
                    <li><a href="../Publisher/gallery">Thư viện ảnh</a></li>
                </ul>
            </div>
        </div>
    </header>
</div>
 <div class="large-12 title-header text-centered">
            <h3 class="upper white">Đổi Mật Khẩu</h3>
        </div>
<div class="row body forum-detail">
    <div class="large-12 small-12 columns">
        <div class="row post-details posts">
            <div class="large-9 small-12 columns" id="content_publisher">
                <div id="step1">
                    <h3><i class="fi fi-key blue"></i>Đổi mật khẩu</h3>
                    <span class="clear"></span>
                    <div class="row border-wrap category">
                        <form data-abide="" data-bind="submit: $root.doChange">
                            <div class="name-field">
                                <label>
                                    Mật Khẩu Cũ <small>required</small>
                                    <input placeholder="Mật Khẩu Cũ" id="oldPwd" required="required" name="oldpwd" data-bind="value: OldPassword" type="password">
                                </label>
                                <small class="error">Mật khẩu cũ không thể bỏ trống</small>
                            </div>
                             <div class="name-field">
                                <label for="newpwd">
                                    Mật Khẩu Mới <small>required</small>
                                    <input placeholder="Mật Khẩu Mới" required="required" name="newpwd" id="passwordn" data-bind="value: NewPassword" type="password">
                                </label>
                                <small class="error">Mật khẩu Mới không thể bỏ trống</small>
                            </div>
                            <div class="name-field">
                                <label for="repwd">
                                    Nhập Lại Mật Khẩu Mới
                                    <input placeholder="Nhập Lại Mật Khẩu" id="repwd" required="required" name="repwd" data-equalto="passwordn" type="password">
                                </label>
                                <small class="error">Phải trùng với mật khẩu mới</small>
                            </div>
                            <p class="clear"></p>
                            <button type="submit" class="btn btn-primary tiny">Lưu Thay Đổi</button>
                        </form>
                    </div>
                </div>
            </div>
            <div id="right_publisher" class="large-3 small-12 columns">
                <dl class="tabs" data-tab>
                    <dd class="active"><a href="#panel2-2">Bình luận</a></dd>
                    <dd><a href="#panel2-1">Theo dõi</a></dd>
                </dl>
                <div class="tabs-content">
                    <div class="content" id="panel2-1" data-bind="foreach: Subcribers">
                        <div class="rank-list">
                            <div class="large-4 columns">
                                <img data-bind="src: Avatar" />
                            </div>
                            <div class="large-8 columns">
                                <h6><strong data-bind="text: Name"></strong></h6>
                                <h6 data-bind="text: DateSubcribe"></h6>
                            </div>
                        </div>
                    </div>
                    <div class="content active" id="panel2-2" data-bind="foreach: Comments">
                        <div class="comment-list">
                            <a data-bind="text: Name, href: '#' + Id"></a><span class="italiced">nói</span>
                            (<small data-bind="timeAgo: DateComment"></small>)
                            <p data-bind="html: Content"></p>
                            <a class="right" data-bind="href: '#' + AdvId">
                                <span class="darked pull-right" data-bind="text: Title"></span>
                            </a>
                        </div>
                        <p class="clear"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
